<template>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

  <div>
    <van-swipe :loop="false" :width="380" height="666">
      <van-swipe-item><img src="../../assets/cjx/b1.jpg"></van-swipe-item>
      <van-swipe-item><img src="../../assets/cjx/b2.jpg"></van-swipe-item>
      <van-swipe-item>
        <img src="../../assets/cjx/b3.jpg">
      </van-swipe-item>
      <van-swipe-item>
        <img src="../../assets/cjx/b4.jpg">
        <van-button
          class="bt"
          @click="yd"
        >
          立即体验
        </van-button>
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script setup lang="ts">

import { useRouter } from 'vue-router'

const route = useRouter()
const yd = () => {
  console.log('引导')
  route.push('/login')
}

</script>

<style scoped>
img {
  width: 100%;
  height: 610px;
}
.bt {
  margin-left: 100px;
  width: 160px;
  border: 0;
  border-radius: 25px;
  background: #f5ca2b;
}
</style>
